<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="/css/style.css">
    <style type="text/css">

        .banner_e_x {
            width: 1226px;
            height: 100px;
            display: block;
            margin-left: 9.6%;
        }

        .banner_e_x .wdgwc {
            font-size: 28px;
            line-height: 48px;
            font-weight: normal;
            color: #424242;
            margin-top: 22px;
        }

        .banner_e_x .logo {
            background: url(../../image/logo_top.png) no-repeat center center;
            width: 50px;
            height: 100px;
        }

        .banner_e_x .dlzc ul li a {
            line-height: 100px;
            display: block;
            padding: 0 8px;
            font-size: 12px;
            font-family: Times New Roman;
            color: #777;
        }

        .banner_e_x .dlzc ul li {
            float: left;
            font-size: 12px;
            line-height: 100px
        }

        .site-mini-header .header-title h2 {
            font-size: 28px;
            line-height: 48px;
            font-weight: normal;
            color: #424242;
        }

        .cart-empty {
            height: 273px;
            padding-left: 558px;
            margin: 0 0 0 130px;
            background: url(../../image/cart-empty.png) no-repeat 124px 0;
            color: #b0b0b0;
            overflow: hidden;
            _zoom: 1;
        }

        .cart-empty-nologin h2 {
            margin: 70px 0 15px;
            font-size: 36px;
            margin-top: 50px;
            margin-bottom: 0;
        }

        h2 {
            font-size: 1.5em;
            margin: 0.83em 0;
        }

        .cart-empty-nologin .login-desc {
            /* display: block; */
        }

        .cart-empty .login-desc {

            margin: 0 0 20px;
            font-size: 20px;
            color: #b0b0b0;
            display: block;
        }

        .cart-empty-nologin .btn-login {
            display: inline-block;
            margin-right: 10px;
        }

        .cart-empty .btn {
            width: 170px;
            height: 48px;
            line-height: 48px;
            color: #fff;
        }

        .btn-primary {
            background: #ff6700;

        }

        .btn {
            display: inline-block;
            padding: 0;
            margin: 0;
            border: 1px solid #b0b0b0;
            font-size: 14px;
            text-align: center;
            color: #b0b0b0;
            cursor: pointer;
            transition: all .4s;
        }

        .btn_go {
            display: inline-block;
            padding: 0;
            margin: 0;
            border: 1px solid #b0b0b0;
            font-size: 14px;
            text-align: center;
            background-color: #f5f5f5;
            cursor: pointer;
            transition: all .4s;
            width: 170px;
            height: 48px;
            line-height: 48px;
            color: #ff6700;
        }

        .xm-recommend-title {
            position: relative;
            margin: 0;
            height: 50px;
            font-size: 30px;
            font-weight: 400;
            color: #757575;
            border-top: 1px solid #e0e0e0;
            -webkit-font-smoothing: antialiased;
        }

    </style>
</head>
<body>

<div class="banner_e_x center">
    <a href="./index.html" target="_blank">
        <div class="logo fl"></div>
    </a>

    <div class="wdgwc fl ml40">我的购物车</div>

    <div class="dlzc fr">
        <ul>
 <#if Session["current_user"]?exists>
     <li><a>欢迎</a></li>
     <li>^_^</li>
     <li><a href="/user/selfInfo" style="color: #ff6700; cursor: pointer">${current_user.userName}</a></li>
     <li>|</li>
     <li><a href="/user/exit" style="cursor: pointer">退出</a></li>
 <#else>
                <li><a href="/user/page/login">登录</a></li>
                <li>|</li>
                <li><a href="/user/page/register">注册</a></li>
 </#if>
        </ul>

    </div>
    <div class="clear"></div>
</div>


<div style="border-top: 2px solid #ff6700;">
    <div style=" background-color: #f5f5f5; padding-top: 6%;">
        <div class="cart-empty cart-empty-nologin" id="J_cartEmpty">


             <#if Session["current_user"]?exists>
                 <a href="/page/index" class="btn_go btn-primary btn-shoping J_goShoping">马上去购物</a>
             <#else>
                <h2>您的购物车还是空的！</h2>
            <p class="login-desc">登录后将显示您之前加入的商品</p>
            <a href="/user/page/login" class="btn btn-primary btn-login">立即登录</a>
            <a href="/page/index" class="btn_go btn-primary btn-shoping J_goShoping">马上去购物</a>
             </#if>

        </div>
        <div style=" margin-top: 10%;">
            <h2 class="xm-recommend-title">
                <span style=" position: absolute; margin-top: -20px; left: 512px; height: 40px; width: 482px; line-height: 40px; text-align: center; display: block; background-color: #f5f5f5;">为您推荐</span>
            </h2>
        </div>
        <div class="peijian " style="width: 1226px; margin: 0 auto;">

            <div class="main center">
                <div class="content">

                    <div class="remen fl" style="margin-bottom: 2%;">
                        <div class="xinpin"><span>新品</span></div>
                        <div class="tu"><a href=""><img src="/image/peijian2.jpg"></a></div>
                        <div class="miaoshu"><a href="">小米6 硅胶保护套</a></div>
                        <div class="jiage">49元</div>
                        <div class="pingjia">372人评价</div>
                        <div class="piao">
                            <a href="">
                                <span>发货速度很快！很配小米6！</span>
                                <span>来至于mi狼牙的评价</span>
                            </a>
                        </div>
                    </div>
                    <div class="remen fl" style="margin-bottom: 2%;">
                        <div class="xinpin"><span style="background:#fff"></span></div>
                        <div class="tu"><a href=""><img src="/image/peijian3.jpg"></a></div>
                        <div class="miaoshu"><a href="">小米手机4c 小米4c 智能</a></div>
                        <div class="jiage">29元</div>
                        <div class="pingjia">372人评价</div>
                    </div>
                    <div class="remen fl" style="margin-bottom: 2%;">
                        <div class="xinpin"><span style="background:red">享6折</span></div>
                        <div class="tu"><a href=""><img src="/image/peijian4.jpg"></a></div>
                        <div class="miaoshu"><a href="">红米NOTE 4X 红米note4X</a></div>
                        <div class="jiage">19元</div>
                        <div class="pingjia">372人评价</div>
                        <div class="piao">
                            <a href="">
                                <span>发货速度很快！很配小米6！</span>
                                <span>来至于mi狼牙的评价</span>
                            </a>
                        </div>
                    </div>
                    <div class="remen fl" style="margin-bottom: 2%;">
                        <div class="xinpin"><span style="background:#fff"></span></div>
                        <div class="tu"><a href=""><img src="/image/peijian5.jpg"></a></div>
                        <div class="miaoshu"><a href="">小米支架式自拍杆</a></div>
                        <div class="jiage">89元</div>
                        <div class="pingjia">372人评价</div>
                        <div class="piao">
                            <a href="">
                                <span>发货速度很快！很配小米6！</span>
                                <span>来至于mi狼牙的评价</span>
                            </a>
                        </div>
                    </div>


                    <div class="remen fl" style="margin-bottom: 2%;">
                        <div class="xinpin"><span>新品</span></div>
                        <div class="tu"><a href=""><img src="/image/peijian2.jpg"></a></div>
                        <div class="miaoshu"><a href="">小米6 硅胶保护套</a></div>
                        <div class="jiage">49元</div>
                        <div class="pingjia">372人评价</div>
                        <div class="piao">
                            <a href="">
                                <span>发货速度很快！很配小米6！</span>
                                <span>来至于mi狼牙的评价</span>
                            </a>
                        </div>
                    </div>
                    <div class="remen fl" style="margin-bottom: 2%;">
                        <div class="xinpin"><span style="background:#fff"></span></div>
                        <div class="tu"><a href=""><img src="/image/peijian3.jpg"></a></div>
                        <div class="miaoshu"><a href="">小米手机4c 小米4c 智能</a></div>
                        <div class="jiage">29元</div>
                        <div class="pingjia">372人评价</div>
                    </div>
                    <div class="remen fl" style="margin-bottom: 2%;">
                        <div class="xinpin"><span style="background:red">享6折</span></div>
                        <div class="tu"><a href=""><img src="/image/peijian4.jpg"></a></div>
                        <div class="miaoshu"><a href="">红米NOTE 4X 红米note4X</a></div>
                        <div class="jiage">19元</div>
                        <div class="pingjia">372人评价</div>
                        <div class="piao">
                            <a href="">
                                <span>发货速度很快！很配小米6！</span>
                                <span>来至于mi狼牙的评价</span>
                            </a>
                        </div>
                    </div>
                    <div class="remen fl" style="margin-bottom: 2%;">
                        <div class="xinpin"><span style="background:#fff"></span></div>
                        <div class="tu"><a href=""><img src="/image/peijian5.jpg"></a></div>
                        <div class="miaoshu"><a href="">小米支架式自拍杆</a></div>
                        <div class="jiage">89元</div>
                        <div class="pingjia">372人评价</div>
                        <div class="piao">
                            <a href="">
                                <span>发货速度很快！很配小米6！</span>
                                <span>来至于mi狼牙的评价</span>
                            </a>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="height: 60px; background-color: #f5f5f5; position: relative"></div>
<@common.footer/>
</body>
</html>